<template>
  <div class='box'>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-card>
        <el-tab-pane label="基础信息" name="first">
          <userdetails :userInfo="props.myObject" />
        </el-tab-pane>
        <!-- <el-tab-pane label="生活习惯" name="second">
        </el-tab-pane>
        <el-tab-pane label="病史信息" name="third">
        </el-tab-pane> -->
      </el-card>
    </el-tabs>
  </div>
</template>
 
<script setup lang='ts'>
defineOptions({ name: 'healthFilesIndex' });//健康档案
import type { TabsPaneContext } from 'element-plus';
import userdetails from "@/views/user/details/healthFiles/BasicInformation/details.vue";
import { defineProps, toRefs, ref } from "vue";
const props = defineProps({
  myObject: {//员工信息
    type: Object
  }
})
// console.log(props.myObject,'数据----222');
// 顶部tab切换
const activeName = ref('first')
const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event)
}
</script>
 
<style lang="scss" scoped>
.box {}
</style>